.title{text-align:center; padding-bottom:8px;}
.title h2{position: relative;text-align:center;font-size: 36px;font-weight: bold;color:#154b9d;margin: 0;}
.title p{opacity:.68; font-size:16px;}
@media(max-width:767px){ 
.title{padding-bottom:4px;}
.title h2{font-size:24px;}
.title p{font-size:14px;}
}

.search-bar{position: relative; border-bottom:1px solid #f1f1f1;background: rgb(245,245,245); }
.search-bar a{ color: #000; } 
.search-bar a:hover{ text-decoration: none; color:#154b9d; } 
.search-bar .hot-key {line-height: 50px;display: inline-block;}
.search-bar .search-box{margin-top:7px;display: inline-block;} 
.search-bar .form-box>form{position:relative; display:block; height:38px;}
.search-bar .form-box>form>input{display:block; width:100%; height:auto; line-height:20px; padding:8px 50px 8px 18px; transition:.3s; background:#fff; border:1px solid #f0f0f0;}
.search-bar .form-box>form>input:hover,.search-bar .form-box>form>input:focus{box-shadow:0 0 5px rgba(0,0,0,.05);}
.search-bar .form-box>form>button{position:absolute; top:0; right:0; width:50px; height:38px; line-height:38px;
cursor:pointer; background:none; border:none; padding:0; transition:.2s; color:#131313;}
.search-bar .form-box>form>button:hover{color:#154b9d; box-shadow:none;}
@media only screen and (max-width: 768px) {
.search-bar{ display: none;}
}

.product{padding:50px 0;background:rgb(255,255,255); overflow:hidden; }
#product-tabs .am-nav-tabs{ border-bottom: 1px solid #154b9d; }
.am-nav-tabs.am-nav-justify>li>a, #product-tabs .am-tabs-bd { border: 0; }

#product-tabs .am-nav-tabs>li { float: none; display: inline-block;}
#product-tabs .am-nav-tabs>li a { font-size: 16px; font-weight: bold; color: #000; display: block; width: 100%; text-align: center; }
#product-tabs .am-nav-tabs>li.am-active>a, #product-tabs .am-nav-tabs>li.am-active>a:focus, #product-tabs .am-nav-tabs>li.am-active>a:hover { background: #154b9d; border-color: #154b9d; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #ffffff; }


#product-tabs .am-nav>li>a:focus,#product-tabs .am-nav>li>a:hover{ color: #ffffff; background: #f68100; border-color: #f68100; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#product-tabs .am-tabs-bd .am-tab-panel { padding: 0; }
#product-tabs .am-tabs-bd .am-tab-panel .border{ background: #fff; border: 1px solid #EBEBEB; margin: 5px }
.product img { display: block; transition: all 0.5s ease;padding:1%;width:100%;height:300px;}
#product-tabs .am-tab-panel ul li { padding:10px 0; }
.product .pic { display: block; overflow: hidden; }
.product ul li a { display: inline; position: relative; transition: all 0.5s ease; }
.product h3{ font-weight: bold; color: #000; font-size: 16px; text-align: center; margin:10px auto;}
.product h4 {color:#154b9d; font-size:16px;  font-weight: bold; text-align: center;}
.product .btn-group{ text-align: center; margin: 10px auto 20px; }

@media(max-width:767px){ 
.product{padding:30px 0;}
#product-tabs .am-nav-tabs>li{display:block;}
#product-tabs .am-nav-tabs>li a { margin:0; }
#product-tabs ul.am-tabs-nav li { padding: 0; }
#product-tabs ul.am-tabs-nav { padding-bottom: 10px; }
#product-tabs .am-nav-tabs>li.am-active>a, #product-tabs .am-nav-tabs>li.am-active>a:focus, #product-tabs .am-nav-tabs>li.am-active>a:hover{border-radius: 5px;}
.product h3,.product h4{ font-size:12px;}
.product img { display: block; transition: all 0.5s ease;padding:1%;width:100%;height:120px;}
}


.introduce{padding: 50px 0;background:rgb(247,248,249); overflow:hidden; }
.introduce img{display: block;max-width: 100%;margin:0 auto;}
.introduce aside iframe,.introduce aside video,.introduce aside img { max-width: 100%; height: 100%; }
@media(min-width:992px){

}
@media(max-width:991px){
.introduce{padding: 30px 0;}
}

.service{padding: 50px 0;background:; overflow:hidden; }
.service li{ margin-bottom: 40px; }
.service i{ color:#fdb813; font-size: 48px; min-width: 100px; float: left; display: inline-grid; }
.service .service_desc img{ display: block; float: left; width:68px; height: auto; margin: 0 30px; }
.service .service_desc h3{ font-size: 16px; font-weight: bold; }
.service .service_desc p{ margin: 0; }
.service a:hover{ color:#fdb813; }
.service .trainees{display:block;}
.service .trainees .swiper-container { width: 100%; height: 100%; padding:0 0 30px 0; background: #fff; }
.service .trainees .swiper-slide { background: transparent; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;border:1px dashed #A4A2A2;}
.service .trainees .swiper-slide ._img{ width: 100%; position: relative; overflow: hidden; transform: perspective(1000px) translate3d(0, 0, 0px); transition: 0.5s; }
.service .trainees .swiper-slide ._img img{ display: block; width:99.90%; }
.service .trainees .swiper-slide:hover ._img{ overflow: hidden; transform: perspective(1000px) translate3d(0, 0, 30px); transition: 0.5s; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.service .trainees .swiper-button-next,.training .trainees .swiper-button-prev { color: #fdb813; }
.service .trainees .swiper-pagination{bottom: -5px;}
@media(max-width:991px){
.service{padding: 30px 0;}
.service img { margin: 0 10px 0 0; }
.service .trainees{padding: 10px 0 0 0;}
}

.training{padding: 50px 0;background:rgb(248,248,248); overflow:hidden; }
.training .space{ margin-top: 30px; }
.training .space ul{ list-style: none; }
.training .space ul li{ padding: 0 10px 20px;}
.training .space ul li p{ font-size:15px;  line-height: 38px; background: #fff; text-align: center; }
.training .space img{ display: block;padding:3%;width:100%;background: #fff; }
@media(max-width:991px){
.training{padding: 30px 0;}
.training .space ul li{ padding: 10px 0; }
.training .space .space_img{ margin-bottom:10px; }
}


.news{background:rgb(255,255,255); overflow:hidden;}
.news .news_list{ background: #fff; padding: 0; margin: 0; }
.news .news_info{ clear: both; padding:0 10px; }
.news .news_pic{ position: relative; margin-bottom: 5px; }
.news .news_pic ._img{ width: 40%; margin-bottom: 10px; }
.news .news_pic ._img img{ width: 100%; display: block; }
.news .news_pic .news_text{ width:56%; position: absolute; top: 0; right: 0; padding:0px; }
.news .news_pic .news_text ._date{ display: block;margin-bottom: 10px;font-weight: bold; font-family: "Times New Roman", Times, serif; line-height: 1; font-style: normal; color: #154b9d; font-size: 36px; }
.news .news_pic .news_text h4{ font-size: 16px; margin: 10px 0; }
.news .news_pic .news_text p{ margin: 0; color: #666666; }
.news .news_pic:hover .news_text{ display: block; }    
.news .news_pic h2{ position: absolute; bottom: 36px; left: 36px; font-size: 36px; font-weight: normal; text-shadow: 1px 1px 2px rgb(0 0 0 / 50%); color: #fff; z-index: 1; }
.news .news_list .title{ position: relative; height: 50px; line-height: 50px; }
.news .news_list .title i { background: #154b9d; color: #fff; float: left; font-size: 24px; width: 75px; height: 55px; line-height: 55px; text-align: center; }
.news .news_list .title{ margin:0; }
.news .news_list .title b { float: left; padding: 0 10px; font-size: 20px; color: #333; }
.news .news_list .title .news_more{ float: right; margin: 0; color: #333; font-weight: normal; }
.news .news_list .news_more{ position: absolute; right: 30px; top: 0; }
.news ul{ background: #fff; list-style: none; padding: 0; margin: 0; }
.news ul li{ position: relative; padding:8px 0; border-bottom: 1px dashed #e5e5e5; overflow: hidden;line-height: 41px;}
.news ul li h4{ display: block; width:75%; font-weight: normal; font-size: 16px; color: #333; margin: 0; }
.news ul li ._date{ font-size: 14px; color: #666; position: absolute; right: 15px; top:12px; }
.news ul li b{ width: 28px; height: 28px; border-radius: 100%; background-color: #144280; display: inline-block; vertical-align: middle; position: relative; }
.news ul li span { font-size: 16px; color: #154b9d; display: inline-block; vertical-align: middle; padding-left: 12px; height: 28px; line-height: 28px; }
.news li a:hover b i{animation: newsDh .4s linear both;}
@keyframes newsDh {0% {left: 7px;opacity: 1;}25%{left: 14px;opacity: 0;}75%{left: -14px;opacity: 0;}100% {left: 7px;opacity: 1;}}
.news li a:hover h4{ color: #154b9d; }
@media(max-width:1024px){
.news .news_pic .news_text ._date{display: none;}
.news ul li { line-height: inherit; }
}
@media(min-width:992px){
.news{padding: 50px 0;}
.news .news_pic .news_text h4{ margin: 0 0 10px 0; }
}
@media(max-width:991px){
.news .news_pic .news_text ._date{display: none;}
.news{padding: 30px 0;}
}
@media(max-width:820px){ 
.news .news_pic .news_text p{ height:48px;-webkit-line-clamp: 2; overflow: hidden;}
.news ul li { padding: 4px 0; }
.news .news_pic .news_text h4 { margin: 0 0 5px 0; }
.news ul li ._date{display: none;}
.news ul li h4{width: 100%;}
.news ul li { padding: 2px 0; line-height: 28px; }
}
@media(max-width:768px){ 
.news ul li { line-height: 26px; }
}
@media(max-width:640px){ 
.news ul li h4{ font-size: 15px;}
}
@media(max-width: 320px){
.news ul li h4 { width: 100%; }
.news ul li ._date{ display: none; }
.news .news_pic .news_text h4{ margin: 0; }
.news .news_pic .news_text p{height: 48px; overflow: hidden;}
}